<template>
    <div class="base-info">
        <title-bar title="基本信息"></title-bar>
        <el-form ref="form" :model="dispatchInfo" label-width="120px" label-position="left">
            <el-form-item label="任务名称：">
                {{dispatchInfo.scheduleName}}
            </el-form-item>
            <el-form-item label="任务描述：">
                {{dispatchInfo.description}}
            </el-form-item>
            <el-form-item label="实验ID：">
                {{dispatchInfo.experimentId}}
            </el-form-item>
            <el-form-item label="实验名称：">
                {{dispatchInfo.experimentName}}
            </el-form-item>
            <el-form-item label="创建人：">
                {{dispatchInfo.createOper}}
            </el-form-item>
            <el-form-item label="创建时间：">
                {{dispatchInfo.createTime}}
            </el-form-item>
            <el-form-item label="修改人：">
                {{dispatchInfo.lastUpdateOper}}
            </el-form-item>
            <el-form-item label="最近修改时间：">
                {{dispatchInfo.lastUpdateTime}}
            </el-form-item>
        </el-form>
        <title-bar title="调度信息"></title-bar>
        <el-form ref="form" :model="dispatchInfo" label-width="120px" label-position="left">
            <el-form-item label="实验调度状态：">
                {{dispatchInfo.status?'已调度':'未调度'}}
            </el-form-item>
            <el-form-item label="调度周期：">
                {{dispatchInfo.period}}
            </el-form-item>
            <el-form-item label="调度时刻：">
                {{dispatchInfo.schedulTimeStr}}
            </el-form-item>
            <el-form-item label="最近执行时间：">
                {{dispatchInfo.lastExecTime}}
            </el-form-item>
            <el-form-item label="下次执行时间：">
                {{dispatchInfo.execPlan[0]}}
            </el-form-item>
            <el-form-item label="调度开始日期：">
                {{dispatchInfo.effDate}}
            </el-form-item>
            <el-form-item label="调度结束日期：">
                {{dispatchInfo.endDate}}
            </el-form-item>
        </el-form>
    </div>
</template>
<script>
import titleBar from '@/components/TitleBar'
import { mapGetters } from 'vuex'
export default {
    name: 'BaseInfo',
    components: {
        titleBar
    },
    computed: {
        ...mapGetters({
            dispatchInfo: 'common/getDispatchInfo'
        })
    }
}
</script>
<style lang="less">
    .base-info {
        .el-form {
            .el-form-item {
                margin-bottom: 0;
                margin-left: 12px;
            }
        }
    }
</style>
